<!DOCTYPE html>
<html class="accountInfoHtml">
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="/Public/Admin/common/bootstrap/css/bootstrap.min.css"/>
        <link rel="stylesheet" type="text/css" href="/Public/Admin/css/simple-calendar.css"/>
        <link rel="stylesheet" type="text/css" href="/Public/Admin/css/main.css"/>
        <link rel="stylesheet" type="text/css" href="/Public/Admin/css/layer.css"/>
    </head>
    <body>
        <!-- 侧边菜单 -->
        <div class="accountInfo-main">
            <div class="right-cont">
                <div class="content cont-accountInfo">
                    <h3 class="cont-title">
                        <ul class="clearfix" id="tab">
                            <li class="active">个人信息</li>
                            <li>修改密码</li>
                        </ul>
                    </h3>
                    <div class="tab-content">
                        <div class="row">
                            <div class="col-md-2 col-sm-2 col-xs-2">
                                <div class="headerImg positionR">
                                        <img src="/Public/Admin/images/1.jpg" />
                                        <input type="file" value="编辑头像" />
                                        <p>编辑头像</p>
                                </div>
                            </div>
                            <div class="col-md-8 col-sm-8 col-xs-8">
                                <form class="form-horizontal" id="form_account">
                                    <div class="form-group">
                                        <label  class="col-sm-3 control-label">姓名：</label>
                                        <div class="col-sm-7">
                                            <input type="text" name="user_name" class="form-control" value="{$userinfo.user_name}" placeholder="请输入姓名">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">性别：</label>
                                        <div class="col-sm-7">
                                            <select name="sex" class="form-control">
                                                <option value="0" {$userinfo['sex'] == 0?'selected':''}>男</option>
                                                <option value="1" {$userinfo['sex'] == 1?'selected':''}>女</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">生日：</label>
                                        <div class="col-sm-7">
                                            <select name="BIR_YEAR" id="BIR_YEAR_ID" class="form-control" style="width:75px;margin:0;display:inline;">
                                                    <option value=""></option>
                                                    <foreach name="year" item="b_year">
                                                        <option value="{$b_year}" {$userinfo['b_year'] == $b_year?'selected':''}>{$b_year}</option>
                                                    </foreach>
                                            </select><span>年</span>
                                            <select name="BIR_MON" id="BIR_MON_ID" class="form-control" onchange="get_animal_sign();" style="width:75px;display:inline;">
                                                <option value=""></option>
                                                <foreach name="month" item="b_month">
                                                    <option value="{$b_month}" {$userinfo['b_month'] == $b_month?'selected':''}>{$b_month}</option>
                                                </foreach>
                                            </select><span>月</span>
                                            <select name="BIR_DAY" id="BIR_DAY_ID" class="form-control" onchange="get_animal_sign()" ;="" style="width:75px;display:inline;">
                                                <option value=""></option>
                                                <foreach name="day" item="b_day">
                                                    <option value="{$b_day}" {$userinfo['b_day'] == $b_day?'selected':''}>{$b_day}</option>
                                                </foreach>
                                            </select><span>日</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">电子邮件：</label>
                                        <div class="col-sm-7">
                                            <input type="email" name="email" class="form-control" value="30392029@qq.com" placeholder="请输入邮箱">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">手机：</label>
                                        <div class="col-sm-7">
                                            <input type="text" name="mobil_no" class="form-control" value="130283748" placeholder="请输入手机号">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">部门：</label>
                                        <div class="col-sm-7">
                                            <input type="text" name="dept_id" value="{$userinfo.dept_id|getDeptName}" placeholder="请选择部门" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-3 col-sm-7 textA_c">
                                            <button type="button" class="btn btn-primary">保存修改</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <div class="row" style="display:none">
                            <div class="col-md-2 col-xs-2 col-sm-2" style="height: 1px;"></div>
                            <div class="col-md-8 col-xs-8 col-sm-8">
                                <form class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">用户名：</label>
                                        <div class="col-sm-7">
                                            <input type="text" value="张三" readonly="readonly" class="form-control userName">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">原密码：</label>
                                        <div class="col-sm-7">
                                            <input type="password" placeholder="请输入原密码" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">新密码：</label>
                                        <div class="col-sm-7">
                                            <input type="password" placeholder="请输入新密码" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">确认密码：</label>
                                        <div class="col-sm-7">
                                            <input type="password" placeholder="请重新输入新密码" class="form-control">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-sm-offset-3 col-sm-7 textA_c">
                                            <button type="button" class="btn btn-primary">保存修改</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
    <script src="/Public/Admin/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="/Public/Admin/js/common.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
            $(function(){
                    $(document).on("click","#tab li",function(){
                            $(this).addClass("active").siblings("li").removeClass("active");
                            var $Index = $(this).index();
                            console.log($Index);
                            $(".tab-content .row").eq($Index).show().siblings(".row").hide();
                    });
            });
    </script>
</html>
